import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import About from '../pages/About/About';
import Video from '../pages/Video/Video';
import Home from '../pages/Home/Home';
import Print from '../pages/Print/Print';
import CounterContainerPage from '../pages/Counter/CounterContainerPage';
import Animation from '../pages/Animation/Animation';
import Fade from '../pages/Fade/Fade';
import CurrencyConverter from '../pages/Currency/Currency';
import MoneyTransfer from '../pages/Money/Money';
import TodoHome from '../pages/Todo/ToDoHome';
import Scroll from '../pages/ScrollTemplate/Scroll';
import CallbackParent from '../pages/CallBack/CallBackHome';
import BeeBox from '../pages/BeeBox/BeeBox';
import TableWithLoading from '../pages/TableLoading/TableLoading';
import CountdownTimer from '../pages/CountDown/CountDown';
import TimeWatch from '../pages/TimeStay/TimeStay';
import EasePage from '../pages/Ease/EasePage';
import Search from '../pages/Search/SearchList';
import MemoParent from '../pages/Memo/MemoHome';
import UseMemoDemo from '../pages/UseMemo/UseMemo';
import UseRefDemo from '../pages/UseRef/UseRef';
import UseCallbackDemo from '../pages/UseCallback/UseCallback';
import LazyLoadHome from '../pages/LazyLoad/LazyHome';
import InboxComponent from '../pages/ListMessage/ListContainer';
import ForwardRefParent from '../pages/ForwardRef/ForwardRefDemo';
import PortalHome from '../pages/Portal/PortalHome';
import Loading from '../pages/Loading/Loading';
import LoginPage from '../pages/Login/Login';
import SkeletonPage from '../pages/Skeleton/Skeleton';
import PersonReducer from '../pages/UseReducer/UseReducer';
import AbortRequest from '../pages/AbortRequest/AbortRequest';
import PhoneValidation from '../pages/PhoneValidation/PhoneValidation';
import RouteStatePageFrom from '../pages/RouteState/RouteFrom';
import RouteStatePageTo from '../pages/RouteState/RouteTo';
import SSEPage from '../pages/SSEPage/SSEPage';
import SseEnahancePage from '../pages/SSEEnhancePage/SseEnhancePage';
import CustomerPage from '../pages/Customer/Customer';
const AppRoutes = () => {
    return (
        <Router>
            <Routes>
                <Route path="/" element={<Home />} />
                <Route path="/about" element={<About />} />
                <Route path="/video" element={<Video />} />
                <Route path="/print" element={<Print />} />
                <Route path="/counter" element={<CounterContainerPage />} />
                <Route path="/animation" element={<Animation />} />
                <Route path="/fade" element={<Fade />} />
                <Route path="/currency" element={<CurrencyConverter />} />
                <Route path="/money" element={<MoneyTransfer />} />
                <Route path="/todo" element={<TodoHome />} />
                <Route path="/scroll" element={<Scroll />} />
                <Route path="/callback" element={<CallbackParent />} />
                <Route path="/beebox" element={<BeeBox />} />
                <Route path="/table" element={<TableWithLoading />} />
                <Route path="/countdown" element={<CountdownTimer />} />
                <Route path="/stay" element={<TimeWatch />} />
                <Route path="/ease" element={<EasePage />} />
                <Route path="/search" element={<Search />} />
                <Route path="/memo" element={<MemoParent />} />
                <Route path="/usememo" element={<UseMemoDemo />} />
                <Route path="/useref" element={<UseRefDemo />} />
                <Route path="/usecallback" element={<UseCallbackDemo />} />
                <Route path="/lazy" element={<LazyLoadHome />} />
                <Route path="/list" element={<InboxComponent />} />
                <Route path="/foward-ref" element={<ForwardRefParent />} />
                <Route path="/portal" element={<PortalHome />} />
                <Route path="/loading" element={<Loading />} />
                <Route path="/login" element={<LoginPage />} />
                <Route path="/skeleton" element={<SkeletonPage />} />
                <Route path="/useReducer" element={<PersonReducer />} />
                <Route path="/abort" element={<AbortRequest />} />
                <Route path="/phone" element={<PhoneValidation />} />
                <Route path="/route-from" element={<RouteStatePageFrom />} />
                <Route path="/route-to" element={<RouteStatePageTo />} />
                <Route path="/sse" element={<SSEPage />} />
                <Route path="/sse-enhance" element={<SseEnahancePage />} />
                <Route path="/customer" element={<CustomerPage />} />
            </Routes>
        </Router>
    );
};

export default AppRoutes;